import type { RouteRecordRaw } from 'vue-router';

// 常量路由
export const routes:Array<RouteRecordRaw> =[
  {
    path:'/',
    component: () => import('@/layouts/index.vue'),
    redirect: "/home",
    children:[
      {
        path:'/home',
        component: () => import('@/views/home/index.vue'),
        name:'Home',
        meta:{
          title:'首页',
          hidden:false,
          icon:'HomeFilled',
          isAffix:true,
          keepAlive:true
        }
      }
    ]
  },
  {
    path:'/screen',
    component: () => import('@/views/screen/index.vue'),
    name:'Screen',  //命名路由
    meta:{
      title:'数据大屏',
      hidden:false,
      icon:'DataLine',
      isAffix:false,
    }
  },

  // {
  //   path:'/acl',
  //   component: () => import('@/layouts/index.vue'),
  //   redirect: "/acl/user",
  //   name:'Acl',
  //   meta:{
  //     title:'权限管理',
  //     hidden:false,
  //     icon:'Lock'
  //   },
  //   children:[
  //     {
  //       path:'/acl/user',
  //       component: () => import('@/views/acl/user/index.vue'),
  //       name:'User',
  //       meta:{
  //         title:'角色管理',
  //         hidden:false,
  //         icon:'User'
  //       }
  //     },
  //     {
  //       path:'/acl/role',
  //       component: () => import('@/views/acl/role/index.vue'),
  //       name:'Role',
  //       meta:{
  //         title:'权限管理',
  //         hidden:false,
  //         icon:'TurnOff'
  //       }
  //     },
  //     {
  //       path:'/acl/permission',
  //       component: () => import('@/views/acl/permission/index.vue'),
  //       name:'Permission',
  //       meta:{
  //         title:'菜单管理',
  //         hidden:false,
  //         icon:'Discount'
  //       }
  //     }
  //   ]
  // },
  // {
  //   path:'/product',
  //   component: () => import('@/layouts/index.vue'),
  //   name:'Product',
  //   redirect: "/product/tdk",
  //   meta:{
  //     title:'商品管理',
  //     hidden:false,
  //     icon:'ShoppingCart'
  //   },
  //   children:[
  //     {
  //       path:'/product/tdk',
  //       component: () => import('@/views/product/trademark/index.vue'),
  //       name:'Tdk',
  //       meta:{
  //         title:'品牌管理',
  //         hidden:false,
  //         icon:'Trophy'
  //       }
  //     },
  //     {
  //       path:'/product/attr',
  //       component: () => import('@/views/product/attr/index.vue'),
  //       name:'Attr',
  //       meta:{
  //         title:'属性管理',
  //         hidden:false,
  //         icon:'PriceTag'
  //       }
  //     },
  //     {
  //       path:'/product/spu',
  //       component: () => import('@/views/product/spu/index.vue'),
  //       name:'Spu',
  //       meta:{
  //         title:'SPU管理',
  //         hidden:false,
  //         icon:'ScaleToOriginal'
  //       }
  //     },
  //     {
  //       path:'/product/sku',
  //       component: () => import('@/views/product/sku/index.vue'),
  //       name:'Sku',
  //       meta:{
  //         title:'SKU管理',
  //         hidden:false,
  //         icon:'ScaleToOriginal'
  //       }
  //     },
  //   ]
  // },


  {
    path:'/login',
    component: () => import('@/views/login/index.vue'),
    name:'Login',  //命名路由
    meta:{
      title:'登录',
      hidden:true
    }
  },
  {
    path:'/404',
    component: () => import('@/views/404/index.vue'),
    name:'404',
    meta:{
      title:'404',
      hidden:true
    }
  },

]

// 任意路由  只能提出来了不能放在静态路由中，因为动态路由还没挂载上导航找不到就会走任意路由然后重定向到4
export const  anyRouter= {
  path: '/:pathMatch(.*)*',
  name: 'NotFound',
  redirect:'/404',
  meta:{
    title:'NotFound',
    hidden:true
  }
}




// 动态路由
export const asyncRouter:RouteRecordRaw[]=[
  {
    path:'/acl',
    component: () => import('@/layouts/index.vue'),
    redirect: "/acl/user",
    name:'Acl',
    meta:{
      title:'权限管理',
      hidden:false,
      icon:'Lock'
    },
    children:[
      {
        path:'/acl/user',
        component: () => import('@/views/acl/user/index.vue'),
        name:'User',
        meta:{
          title:'角色管理',
          hidden:false,
          icon:'User',
          isAffix:false,
          keepAlive:true
        }
      },
      {
        path:'/acl/role',
        component: () => import('@/views/acl/role/index.vue'),
        name:'Role',
        meta:{
          title:'权限管理',
          hidden:false,
          icon:'TurnOff',
          isAffix:false,
          keepAlive:true
        }
      },
      {
        path:'/acl/permission',
        component: () => import('@/views/acl/permission/index.vue'),
        name:'Permission',
        meta:{
          title:'菜单管理',
          hidden:false,
          icon:'Discount',
          isAffix:false,
          keepAlive:true
        }
      }
    ]
  },
  {
    path:'/product',
    component: () => import('@/layouts/index.vue'),
    name:'Product',
    redirect: "/product/tdk",
    meta:{
      title:'商品管理',
      hidden:false,
      icon:'ShoppingCart'
    },
    children:[
      {
        path:'/product/tdk',
        component: () => import('@/views/product/trademark/index.vue'),
        name:'Trademark',
        meta:{
          title:'品牌管理',
          hidden:false,
          icon:'Trophy',
          isAffix:false,
          keepAlive:true
        }
      },
      {
        path:'/product/attr',
        component: () => import('@/views/product/attr/index.vue'),
        name:'Attr',
        meta:{
          title:'属性管理',
          hidden:false,
          icon:'PriceTag',
          isAffix:false,
          keepAlive:true
        }
      },
      {
        path:'/product/spu',
        component: () => import('@/views/product/spu/index.vue'),
        name:'Spu',
        meta:{
          title:'SPU管理',
          hidden:false,
          icon:'ScaleToOriginal',
          isAffix:false,
          keepAlive:true
        }
      },
      {
        path:'/product/sku',
        component: () => import('@/views/product/sku/index.vue'),
        name:'Sku',
        meta:{
          title:'SKU管理',
          hidden:false,
          icon:'ScaleToOriginal',
          isAffix:false,
          keepAlive:true
        }
      },
    ]
  },
]
